<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../src/css/blue.css">
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css"/>
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="../src/js/icheck.js"></script>
</head>
<body>
<button class="btn btn-primary" id="submitForm">提交</button>
<div id="container" style="width:550px;margin-top:50px;margin-left: 50px;">
    <form class="form-horizontal" role="form" id="myForm" data-placement="top">
        <div class="form-group">
            <label for="name" class="control-label col-sm-3">姓　　　名:</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" id="name" name="name" title="用户名不能为空" required>
            </div>
        </div>
        <div class="form-group">
            <label for="phone" class="control-label col-sm-3">手　　　机:</label>
            <div class="col-sm-4">
                <input type="phone" class="form-control" id="phone" name="phone" title="手机格式不正确" required>
            </div>
        </div>
        <div class="form-group">
            <label for="idcard" class="control-label col-sm-3">身　份　证:</label>
            <div class="col-sm-4">
                <input type="idcard" class="form-control" id="idcard" name="idcard" title="身份证格式不正确" required/>
            </div>
        </div>
        <div class="form-group">
            <label for="email" class="control-label col-sm-3">邮箱或手机:</label>
            <div class="col-sm-4">
                <input type="email|phone" class="form-control" id="email" name="email" title="只能是邮箱或者手机" required>
            </div>
        </div>
        <div class="form-group">
            <label for="zipcode" class="control-label col-sm-3">邮　　　编:</label>
            <div class="col-sm-4">
                <input type="zipcode" class="form-control" id="zipcode" name="zipcode" title="邮编格式不正确" required>
            </div>
        </div>
        <div class="form-group">
            <label for="gender" class="control-label col-sm-3">性　　　别:</label>
            <div class="col-sm-4">
                <input type="radio" id="gender" name="gender" value="男" title="选择性别" required>男
                <input type="radio" name="gender" value="女" title="选择性别" required>女<br>
            </div>
        </div>
        <div class="form-group">
            <label for="gender" class="control-label col-sm-3">兴趣　爱好:</label>
            <div class="col-sm-4">
                <input type="checkbox" name="interest" value="basketball" title="选择一样兴趣爱好" required/>篮球
                <input type="checkbox" name="interest" value="swim" title="选择一样兴趣爱好"/>游泳
            </div>
        </div>
        <div class="form-group">
            <label for="password" class="control-label col-sm-3">密　　　码:</label>
            <div class="col-sm-4">
                <input type="password" class="form-control" id="password" name="password" title="密码不正确"
                       required>
            </div>
        </div>
        <div class="form-group">
            <label for="surePassword" class="control-label col-sm-3">确认　密码:</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" id="surePassword" name="surePassword"
                       data-eq="#password" title="两次密码不一致" required>
            </div>
        </div>
        <div class="form-group">
            <label for="province" class="control-label col-sm-3">省　　　份:</label>
            <div class="col-sm-4">
                <select name="province" class="form-control" id="province" title="选择一个省份" required>
                    <option value="0">==请选择==</option>
                    <option value="1">北京</option>
                    <option value="2">四川</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-3 col-sm-10">
                <button class="btn btn-primary" type="submit">提交</button>
                <button class="btn btn-default" type="reset">重置</button>
            </div>
        </div>
    </form>
</div>
<!--<script src="../src/js/smartForm.js"></script>-->
<script src="../build/smartForm.min.js"></script>
<script>
    $(function(){
        $("#myForm").smartForm({
            submitBtn:"#submitForm"
        })
    })
</script>
</body>
</html>